<!DOCTYPE html>
<html lang="zh-CN" ng-app="wel">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>熊猫看看，京京不看</title>

<link rel="icon" href="img/panda.png"></link>
<!-- Bootstrap core CSS -->
<link href="css/core/bootstrap.min.css" rel="stylesheet">
<link href="css/core/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<!-- Custom styles for this template -->
<link href="css/welcome.css" rel="stylesheet">
</head>
<body>
  <!-- 导航栏 -->
  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="row">
        <div class="navbar-header col-md-3">
          <a class="navbar-brand" href="#"><font class="header">京京不爱看小说</font></a>
          <img alt="京京不爱看小说" src="img/panda.png" style="height: 45px;width: 45px">
        </div>
        <div id="navbar" class="navbar-collapse col-md-9 collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                role="button" aria-haspopup="true" aria-expanded="false">Dropdown
                  <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
              </li>
          </ul>
        </div>
        <!--/.nav-collapse -->
      </div>
    </div>
  </div>
  
  <div class="container" ng-controller="colorSelector as selector">
  <div class="{{selector.currColor}}">
    <div class="content_left">
      <img src="img/blue.png"></img>
    </div>
    <!-- 小说体显示部分 -->
    <div class="content_right {{selector.currColor}}" ng-controller="reader">
        <span class="glyphicon glyphicon-unchecked color1" ng-click="selector.setColor(1)"></span>
        <span class="glyphicon glyphicon-unchecked color2" ng-click="selector.setColor(2)"></span>
        <span class="glyphicon glyphicon-unchecked color3" ng-click="selector.setColor(3)"></span>
        <span class="glyphicon glyphicon-unchecked color4" ng-click="selector.setColor(4)"></span>
        <span class="glyphicon glyphicon-unchecked color5" ng-click="selector.setColor(5)"></span>
        <span class="glyphicon glyphicon-unchecked color6" ng-click="selector.setColor(6)"></span>
        <span class="glyphicon glyphicon-plus"></span>
        <span class="glyphicon glyphicon-text-size"></span>
        <span class="glyphicon glyphicon-minus"></span>
        <span>当前颜色的class name: {{$parent.currColor}}</span>
        <input placeholder="14" type="text" maxlength="2" class="text-size-input"></input>
        <p style="text-align: center;font-size: 15px;"><b>{{noval.name}}</b></p>
      <br>
      <p><b>{{noval.chapterName}}</b></p>
      <p ng-repeat="record in noval.content">{{record}}</p>
      <br>
      <div class="row">
      	<div class="col-md-4 thumb"><a href="#"  ng-click="pageUp()"><span class="glyphicon glyphicon-arrow-left"></span>上一页</a></div>
      	<div class="col-md-4 thumb"><a href="#">目录<span class="glyphicon glyphicon-list-alt"></span></a></div>
      	<div class="col-md-4 thumb"><a href="#" ng-click="pageDown()">下一页<span class="glyphicon glyphicon-arrow-right">{{chapterId}}</span></a></div>
      </div>
      <br>
    </div>
  </div>
  </div>
  <footer>aad</footer>
  <script type="text/javascript" src="js/plugin/jquery/jquery-2.1.4.min.js"></script>
  <!-- Placed at the end of the document so the pages load faster -->
  <script type="text/javascript" src="js/plugin/bootstrap/bootstrap.min.js"></script>
  <script type="text/javascript" src="js/plugin/bootstrap/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
  <script type="text/javascript" src="js/plugin/bootstrap/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
  <script type="text/javascript" src="js/plugin/angularjs/angular.min.js"></script>
  <script type="text/javascript" src="js/business/welcomeController.js" charset="UTF-8"></script>
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script type="text/javascript" src="js/business/ie10-viewport-bug-workaround.js"></script>
</body>
</html>